<template>
	<view class="warp">
		<uni-nav-bar background-color="#fff"
		 color="#000" :border="false" :fixed="true"
		  @clickLeft="left"  left-icon="left" 
		   leftWidth="50rpx" rightWidth="10rpx" 
		   :statusBar="true"  
		   >
		   <view class="title_box">
		 	 <view class="left">
				<view class="left_text">
					小星星使用规则
				</view>
			</view>
		 	<view class="right" >
				<!-- <uni-icons fontFamily="CustomFont" :size="26">{{'\ue62b'}}</uni-icons> -->
		 	</view>
		   </view>
		</uni-nav-bar>
		<view class="cont_box">
			<view class="title">
				小星星使用规则
			</view>
			<view class="list">
				<view class="item">
					<view class="title">
						一、小星星介绍
					</view>
					<view class="text">
						 为符合特定条件的用户，而特别推出 小星星服务。
						您可以通过完成签到任务、喂养 小精灵等方式来获取小星星，小星星可以用于兑换小星星商城权益，例如幸运大转盘抽奖、兑换报告、满减券、专属头像挂件等，具体以权益兑换及活动页面展示为准。
						小星星无法在不同帐号之间进行赠送、转让或在其他帐号间进行交易。
						小星星无法直接兑换成金币。
					</view>
				</view>
				<view class="item">
					<view class="title">
						二、小星星获取方式
					</view>
					<view class="text">
						  您可以通过APP内相关页面公示的方式来获取小星星，
						   我们可能不时推出新的主题活动或奖励政策，
						   请您留意相关页面展示和系统通知。
					</view>
				</view>
				<view class="item">
					<view class="title">
						三、小星星有效期
					</view>
					<view class="text">
						 除另有说明外，小星星的有效期为12个月，请您留意您获取的小星星的有效期，
						 并在有效期限内进行使用，
						 有效期内未使用的小星星到期后将自动清零。。
					</view>
				</view>
				<view class="item">
					<view class="title">
						四、其他说明
					</view>
					<view class="text">
						为了进一步改善用户体验，我们将不时更新小星星获取与兑换的内容，小星星规则也可能会随之更新，更新内容将于公布之日起生效。
						您也可以随时在本页面查阅小星星规则的最新版本。
						您知悉并同意，您应当通过正当、合法的规则获取和使用小星星，
						当您存在违规行为时，我们有权限制您获取或使用小星星的行为，
						并清空您因违规行为而获取的小星星。
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			left(){
				uni.navigateBack({delta:1})
			},
		}
	}
</script>
<style>
	page{
		background-color: #fff;
	}
</style>
<style lang="scss" scoped>
.warp{
	.title_box{
		padding: 0 20rpx;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.left{
			display: flex;
			align-items: center;
			.left_text{
				font-size: 32rpx !important;
				margin-right: 10rpx;
				
			}
			.left_icon{
				width: 30rpx;
				height: 30rpx;
				text-align: center;
				line-height: 30rpx;
				border: 2rpx solid #323333;
				border-radius: 50%;
				
			}
			
		}
	}
	.cont_box{
		padding: 20rpx;
		.title{
			font-size: 32rpx;
			font-weight: 550;
			padding: 20rpx;
			text-align: center;
			letter-spacing: 2rpx;
		}
		.list{
			
			.item{
				.title{
					font-size: 26rpx;
					font-weight: 550;
					text-align: left;
					letter-spacing: 2rpx;
				}
				.text{
					font-size: 24rpx;
					letter-spacing: 4rpx;
				}
			}
		}
	}
}
</style>
